<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="../vue.js"></script>
  </head>

  <body>
    <div id="app">
      <p>12312312312</p>
      {{person}}
      <button @click="change">change</button>
    </div>
    <script>
      const vm = new Vue({
        el: "#app",
        data() {
          return {
            person: {
              name: "张三",
              age: 10,
              score: {
                en: 69,
                ch: 70,
              },
            },
          };
        },
        methods: {
          change() {
            // 更改对象属性值   vue检测 响应式
            this.person.name = "小李";
            // 
          },
        },
      });
    </script>
  </body>
</html>
